<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>销售退货记录</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1322088_w1g067jrt8.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="js/layui/css/layui.css"/>
		<link rel="stylesheet" href="js/layer/mobile/need/layer.css" />
		<link rel="stylesheet" href="css/caiStyle.css" />
		<link rel="stylesheet" href="css/dingdan.css" />
	</head>
	<body>
		<div class="container-fluid bg-white">
			<!-- 订单列表 -->
			<div class="order order-box">
				<div class="ood-box">
					<!-- 顶部工具条 -->
					<nav class="flex">
						<!-- 默认显示的操作栏 -->
						<div class="dutault-nav width100 flex LH35">
							<div class="heard-left width100 flex">
								<div class="mui-col-xs-2 outOfWarehouse"><span>仓库:</span><span>上海仓</span></div>
								<div class="mui-col-xs-2 outOfWarehouse"><span>单号:</span><span>IN-20190828-211162</span></div>
								<div class="mui-col-xs-2 outOfWarehouse"><span>入库日期:</span><span>2019-08-28 11:24</span></div>
								<div class="nav-item mui-col-xs-6 text-right"  onclick="upperShelf()"><i class="iconfont icon-dayin1 mR10"></i>打印</div>
							</div>
					</nav>
					<!-- 数据列表 -->
					<div class="order-list">
						<table class="layui-hide" id="order-list" lay-filter="test"></table>
					</div>
					<!--底部信息-->
					<div class="exhibitList">
						<div class="height40 LH40"><span class="C989696 fs16">备注说明：</span></div>
						<div class="height40 LH40">
								<span class="C989696 fs16">经办人：</span><span>罗经理</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-v3-3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Gather.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
				layui.use(['form','table','laydate','element'], function(){
				var table = layui.table,
				laydate = layui.laydate,
				form = layui.form,
				element = layui.element
				
				//时间范围选择
				laydate.render({
					elem: '#test1'
					,value: '2017-09-10'
  				,isInitValue: true//是否允许填充初始值，默认为 true
				});	
				//操作日志数据的展示
				var vm = new Vue({
					el:".exhibitList",
					data:{
						exhibit:false,
						icon:false,
						xiangxia:true,
					},
					methods:{
					}
				})
			
				// 数据列表渲染
				table.render({
					elem: '#order-list'
					,data:DataArray3// data为数据库查到的数据
//					,height:300
					,totalRow:true
					,cols: [[//以下field字段为为数据库相同,title为字段描述
					  {field:'mid',title: '',totalRowText: '合计：'}
						,{field:'uname', title: '编码'}
						,{field:'sex',title: '商品'}
						,{field:'rank', title: '规格'}
						,{field:'uptime',  title: '单位',}
						,{field:'exptime', title: '入库数量',totalRow:true}
						,{field:'money',title: '备注'}
					]]
					,page: false
				});
				table.render({
					elem: '#remarks'
					,data:DataArray3// data为数据库查到的数据
					,height:80
					,cols: [[//以下field字段为为数据库相同,title为字段描述
					  {field:'userid',title: '操作人'}
						,{field:'time', title: '时间'}
						,{field:'category',title: '操作类别'}
						,{field:'uptime', title: '操作日志'}
					]]
					,page: false
				});
				//监听行单击事件
				table.on('row(test)', function(obj){
				  console.log(obj.tr) //得到当前行元素对象
				  console.log(obj.data) //得到当前行数据
				  //obj.del(); //删除当前行
				  //obj.update(fields) //修改当前行数据
//				  window.open('ddxq.html?data='+obj.data, '_self');
				});
			});
			
		</script>
	</body>
</html>
